<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2-30组件切换</title>
</head>
<body>
<div id="app">
    <a href="#" @click.prevent="flag?flag:flag=!flag">login</a>
    <a href="#"@click.prevent="flag?flag=!flag:flag">register</a>
    <login v-if="flag"></login>
    <register v-else></register>
</div>
</body>
<script src="./js/vue.js"></script>
<script>
    Vue.component('login',{
        template:"<div>login page</div>"
    })
    Vue.component('register',{
        template: "<div>register page</div>"
    })
    new Vue({
        el:"#app",
        data:{
            flag:true
        }
    })
</script>
</html>